<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-09-12 13:43:30
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2024-02-05 14:29:32
 * @FilePath: \mould\src\views\QualityGridManage\BehaViorManage\quality-G-R-Manage\onlineRecordWork\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="page_detail" id="page_detail tableInfoBox" >
    <!-- <TableLyout :treelength="treelength"> -->

    <TableLyout >
      <template v-slot:treebox>
        <div class="structureTree_title">
          <div>组织机构</div>
        </div>
        <tree
          :treeData="treeData"
          :checkData="checkData"
          nodeKey="fCompanyid"
          @getTreeInfo="handleNodeClick"
          :defaultProps="defaultProps"
        >
        </tree>
      </template>
      <template v-slot:breadcrumb>
        <div>
          <el-breadcrumb :title="showName"></el-breadcrumb>
        </div>
      </template>

      <template v-slot:serchbox>
        <publicForm
          ref="publicForm"
          @yj_searchForm="yj_searchForm"
          lableWidth="110px"
          :formObj="searchObj"
          :formData="getList"
          @selectChange="selectTime"
        >
        </publicForm>
      </template>
      <template v-slot:btnbox v-if="getList.modelType == 0">
        <el-button
          :disabled="item.disabled"
          type="primary"
          v-for="(item, index) in btnObj"
          :key="index"
          @click="getBtnName(item.fEncode, item.fOrder)"
          >{{ item.fFullname }}</el-button
        >
      </template>
      <template v-slot:tabcom>
        <div class="tableInfo">
          <!-- 折线图1 -->
          <div class="lineChart" v-show="groupNmu != 0">
            <div class="line_Chart">
              <lineEcharts
                :commonData="lineChartData"
                :echartsTitle="echartsTitle"
                :xName="xName"
                :yName="yName"
              ></lineEcharts>
            </div>

            <div class="line_Text">
              组数：{{ groupNmu }}&emsp;&emsp; 平均值：{{
                tableData.averageValue1
              }}&emsp;&emsp; 标准差：{{
                tableData.standardDeviation1
              }}&emsp;&emsp; 变异系数：{{ tableData.variationNum1 }}%
            </div>
          </div>
          <div class="lineChart" v-show="groupNmu == 0">
            <img src="@/assets/img/undata.png" alt="" srcset="" />
            <div>抗压暂无数据</div>
          </div>
          <!-- 折线图2 -->
          <div class="lineChart" v-show="groupNmu1 != 0">
            <div class="line_Chart">
              <lineEcharts
                :commonData="lineChartData1"
                :echartsTitle="echartsTitle1"
                :xName="xName"
                :yName="yName"
              ></lineEcharts>
            </div>

            <div class="line_Text">
              组数：{{ groupNmu1 }}&emsp;&emsp; 平均值：{{
                tableData.averageValue2
              }}&emsp;&emsp; 标准差：{{
                tableData.standardDeviation2
              }}&emsp;&emsp; 变异系数：{{ tableData.variationNum2 }}%
            </div>
          </div>
          <div class="lineChart" v-show="groupNmu1 == 0">
            <img src="@/assets/img/undata.png" alt="" srcset="" />
            <div>抗折暂无数据</div>
          </div>
        </div>
      </template>
    </TableLyout>
  </div>
</template>
<script src="./index.js"></script>
<style scoped lang="less">
@import "./index.less";
</style>
